


//轮播图-初始化插件
var mySwiper = new Swiper('.swiper', {
    autoplay: true,//自动播放
    navigation: {//左右按钮
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    loop: true,//循环播放
    pagination: {//分页器
      el: '.swiper-pagination',
      clickable: true, //允许点击
    },
  })



  /* API分类 */
  /* 获取元素 */
  let sortulli=document.querySelectorAll('.sort-ul li')
  // console.log(sortulli);
  
  /* 鼠标移入sort-ul下的li ，改变当前li的背景色和img的src属性,p标签的字体颜色 */
  sortulli.forEach(function(v,i){
    //移入
    v.addEventListener('mouseover',function(){
      this.querySelector('a').style.background='#1271ef'//背景色
      this.querySelector('img').src=`../imgs/api0${i+1}-c.svg`//img的src属性
      this.querySelector('p').style.color='#fff'//p标签的字体颜色
      
    })

    //移出
    v.addEventListener('mouseout',function(){
      this.querySelector('a').style.background='#fff'
      this.querySelector('img').src=`../imgs/api0${i+1}.svg`
      this.querySelector('p').style.color='#000'
    })
  })



/*
   跑马灯思想
   每隔2000ms, 清除上一个bus-cont的激活样式(删除类名active)
              给下一个bus-cont添加激活样式(添加类名active)
 */

  /* 获取元素 */
 let busCont = document.querySelectorAll('.bus-cont')
 let businessCenter = document.querySelector('.business-center')

 
 //定义变量保存上一个bus-cont的索引
 let index = 0;
 let timeId = setInterval(horseRaceLamp, 2000);//
 
 /*
   鼠标移入business-center,关闭计时器
   鼠标移出business-center,开启计时器
  */

   businessCenter.addEventListener('mouseover', function () {
   clearInterval(timeId)//关闭计时器
 })
 
 businessCenter.addEventListener('mouseout', function () {
   timeId = setInterval(horseRaceLamp, 2000);//开启计时器
 })
 
 /* 用函数声明式，可以在之前之后访问 */
 function horseRaceLamp() { //开启计时器
 
   //清除上一个bus-list的激活样式(删除类名active)
   busCont[index].classList.remove('active')
 
   //索引自增
   ++index
 
   //判断-目的达到循环
   if (index === busCont.length) index = 0
 
   //给下一个bus-cont添加激活样式(添加类名active)
   busCont[index].classList.add('active')
 
 }



/* 回到顶部 */
/* 窗口滚动时，判断当前滚动距离大于等于1200，显示回到顶部按钮，否则隐藏 */
let rTop=document.querySelector('.return-top')
// console.log(rTop);

window.addEventListener('scroll',function(){
  let top=document.documentElement.scrollTop
  // console.log(top);

  if(top>1200){
      rTop.style.display='block'
  }else{
      rTop.style.display='none'

  }

})


/* 点击回到顶部按钮,缓慢回到顶部scrollTo */

rTop.addEventListener('click',function(){

  window.scrollTo({
      top:0,
      behavior:"smooth"//平滑的
  })
})





